html { 
	background: url(wallpaper-hq.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	height:		100%;
}

body {
	height:		100%;
}

::selection {
	background: #9bd0fe; /* Safari */
	}
::-moz-selection {
	background: #9bd0fe; /* Firefox */
}

p {
	margin-bottom:	0.8em;
	line-height:	1.4em;
}

h1,h2,h3,h5 {
	font-family:	Verdana;
	margin-bottom:	0.15em;
}

h1 {
	color:			#0061aa;
	font-size:		20pt;		
}

h2 {
	color:			#0d72be;
	font-size:		18pt;
}

h3 {
	color:			#2086d2;
	font-size:		17pt;
}

h4 {
	color:			#2086d2;
	font-size:		15pt;
}

h5{
	color:			#2086d2;
	font-size:		12pt;
}

.content {
	margin:				23px;
	
	background-color: 	rgba(237,247,255,0.8);
	padding:			30px;
	
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
	border-radius: 10px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	
	font:				11pt Verdana;
	color:				#001628;
	text-shadow: 		1px 1px 1px #aaa;
	cursor:				default !important;
}

#filters  h3{
	margin-top:			10px;
	padding:			0.3em 30px;
	font-size:			9pt;
	background-color:	#0061aa;
	color:				white;
	cursor:				pointer;
}

#filters p {
	margin:				200px 0 0 0;
}

#filters input {
	margin-left:		10px;
}

#filters button {
	display:			block;
	margin-left:		10px;
}

#filters.filters  h3{
	background-color:	#4b9123;
}

#filters .innerfilter {
	background-color:	white;
	display:			none;
}

.footer {
	margin-top:			10px;
	padding:			0.3em 30px;
	font-size:			9pt;
	background-color:	#0061aa;
	color:				white;
	text-align:			right;
}

.error {
	font-family:		Verdana;
	margin:				10px 0;
	padding:			0.3em 30px;
	font-size:			11pt;
	background-color:	#9e0b0f;
	color:				white;
	text-align:			left;
	
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
	border-radius: 3px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}

.tel {
	font-weight:		bolder;
}

table {
	width:		100%;
}

table .filters td {
	background-color:	silver;
}

table .filters input {
	padding:			2px !important;
	font-size:			8pt !important;
}

td {
	padding:			5px;
	background-color:	white;
	border-right:		1px solid #0072bc;
	border-bottom:		1px solid #0072bc;
}

.headerSortUp:after {
	content:			"↑";
}

.headerSortDown:after {
	content:			"↓";
}

tr:last-child td {
	border-bottom:		0px;
}

td:last-child {
	border-right:		0px;
}

tr:hover td {
	background-color:	#dcf5ff !important;
}

th {
	  background-color: #176ca3;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#176ca3), to(#05324f)); /* Safari 4+, Chrome */
	  background-image: -webkit-linear-gradient(top, #176ca3, #05324f); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	  background-image:    -moz-linear-gradient(top, #176ca3, #05324f); /* Firefox 3.6-15 */
	  background-image:      -o-linear-gradient(top, #176ca3, #05324f); /* Opera 11.10-12.00 */
	  background-image:         linear-gradient(to bottom, #176ca3, #05324f); /* Firefox 16+, IE10, Opera 12.5*/
	color:				white;
	font-weight:		bolder;
	text-align:			left;
	font-size:			14pt;
	padding:			10px 5px;
	text-shadow: 1px 1px 3px #888;
}


#content-container {
	width:		80%;
	float:		left;
	height:		100%;
	overflow-x:	hidden;
	overflow-y:	scroll;
}

.generiek-tabel th {
	background-color:	#0061aa;
	color:				white;	
	text-align:			left;
	
}

.boxmsg {
	border:				4px solid #a3a3a3;
	background-color:	#e9e9e9;
	padding:			20px;
	display:			inline-block;
	margin:				5px 5px 25px 5px;
	
	font-weight:		bolder;
	
	-webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
	border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}

.boxmsg.green {
	border-color:		#579c1f;
	background-color:	#c8eea9;
}

.boxmsg.yellow {
	border-color:		#edc00b;
	background-color:	#fff4c9;
}

.generiek-tabel td[colspan] {
	text-align:			center;
}

.generiek-tabel {
	background-color:	white;
	width:				100%;
}

.generiek-tabel .tablefooter {
	padding:			10px 0;
	text-align:			center;
}

tr.highlight {
	cursor:				pointer;
	background-color:	#EDE574;
}

th .truck {
	background:			url(../images/truck.png) left center no-repeat;
	vertical-align:		center;
	padding-left:		65px;
	height:				30px;
	margin-bottom:		5px;
	margin-left:		20px;
}
th .trailer {
	background:			url(../images/trailer.png) left center no-repeat;
	vertical-align:		center;
	padding-left:		65px;
	height:				30px;
	margin-bottom:		5px;
	margin-left:		20px;
}
th .date {
	background:			url(../images/calendar-mob.png) left center no-repeat;
	vertical-align:		center;
	padding-left:		65px;
	height:				30px;
	margin-bottom:		5px;
	margin-left:		20px;
}

.ritnrinfo {
	margin:				1px 0 0 15px;
	font-size:			45px;
	color:				white;
	border-left:		4px solid white;
	padding:			25px 15px;
}

.left {
	float:				left;
}

    .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .8em 0 .2em;
        line-height: 1.5;
		}
		
		   .ui-autocomplete {
        max-height: 250px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }
    /* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
    * html .ui-autocomplete {
        height: 250px;
    }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.group .left {
	float:		left;
	width:		50%;
}
.group .right {
	float:		right;
	width:		50%;
}

h1 .btn {
	position:	relative !important;
	top:		-2px !important;
}